<!-- 个人详细资料 -->
<template>
    <el-descriptions title="我的详细资料" :column="1" border align="center " label-align="center ">
        <el-descriptions-item label="用户名">{{user.username}}</el-descriptions-item>
        <el-descriptions-item label="真实姓名">{{user.realname}}</el-descriptions-item>
        <el-descriptions-item label="电话">{{user.phone}}</el-descriptions-item>
        <el-descriptions-item label="最近登录时间">{{user.gmtLastLogin}}</el-descriptions-item>
        <el-descriptions-item label="角色">{{user.roles}}</el-descriptions-item>
        <el-descriptions-item label="状态">
            <el-tag v-if="user.status" effect="dark">正常</el-tag>
            <el-tag  type="danger" v-else effect="dark">禁用</el-tag>
        </el-descriptions-item>
    </el-descriptions>
</template>

<script lang="ts" setup>
import { useUserStore } from "@/stores/admin";  //引入pinia数据
const store = useUserStore()
const user = store.user
</script>

<style lang="less" scoped>
</style>